import Vue from "vue";
import VueRouter from "vue-router";
// 引入一般为组件名也就是component名
import Layout from '@/views/layout/index.vue'
import Login from '@/views/login/index.vue'
import Home from '@/views/home/Home.vue'


const Product = ()=>import('@/views/product/index.vue')  
const List = ()=>import('@/views/product/list/index.vue')  
const Category = ()=>import('@/views/product/category/index.vue')  

const Order = ()=>import('@/views/order/index.vue')
const OrderList = ()=>import('@/views/order/list/index.vue')
const Collect = ()=>import('@/views/order/collect/index.vue')

const Advert = ()=>import('@/views/advert/index.vue')
const AdvertList = ()=>import('@/views/advert/list/index.vue')

Vue.use(VueRouter);

const routes = [
  {
    path:'/',
    component:Layout,
    children:[
      {
      path:'/',
      name:'home',
      component:Home
      },
      {
        path:'/product',//产品管理
        name:'product',
        component:Product,   
        children:[
          {
            path:'list',//访问路径：/product/list
            name:'list',
            component:List,
          },
          {
            path:'category',//访问路径：/product/category
            name:'category',
            component:Category,
          },

        ]
      },
      {
        path:'/order',//订单管理
        name:'order',
        component:Order,   
        children:[
          {
            path:'order-list',//访问路径：/order/list
            name:'order-list',
            component:OrderList,
          },
          {
            path:'collect',//访问路径：/order/collect
            name:'collect',
            component:Collect,
          },

        ]
      },
      {
        path:'/advert',//订单管理
        name:'advert',
        component:Advert,   
        children:[
          {
            path:'advert-list',//访问路径：/order/list
            name:'advert-list',
            component:AdvertList,
          },
        ]
      }
    ]
  },
  {
    path:'/login',
    // name和component名不能一样
    name:'login',
    component:Login,
  }
 
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;
